<%--
  Created by IntelliJ IDEA.
  User: YIMing
  Date: 2021/8/16/016
  Time: 14:43
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>任务书-查询列表</title>
    <link rel="stylesheet" href="../layui/css/layui.css">
    <script src="../layui/layui.js"></script>
    <script src="../js/jquery-3.1.0.js"></script>
    <script src="../js/FileSaver.js"></script>
    <script src="../js/wordexport.js"></script>
    <style>

        body {
            background-color: #eeeeee;
        }

        .layui-row {
            padding: 10px;
            margin: 10px;
            background-color: white;
            border-radius: 5px;
        }

        .left {
            width: 20%;
            padding: 5px;
            text-align: right;
        }

        .right {
            width: 30%;
            padding: 5px;
        }

        .layui-table-cell {
            height: 36px;
            line-height: 36px;
        }

        .layui-textarea {
            height: 150px;
        }

        .detail-left {
            text-align: right;
        }


    </style>
</head>

<body>
<%--面包屑--%>
<div class="layui-row">
    <div class="layui-col-lg12">
        <span class="layui-badge layui-bg-orange" style="margin-bottom: -3px"></span>
        <span class="layui-breadcrumb">
                  <a href="http://localhost/student/home.jsp">首页</a>
                    <a class="" href="javascript:;">过程管理</a>
            <a><cite>任务书-查询列表</cite>></a>
                </span>
    </div>
</div>

<%--论文信息表--%>
<div class="layui-row">
    <fieldset class="layui-elem-field layui-field-title">
        <legend>任务书-查询列表</legend>
    </fieldset>
    <table class="layui-hide" id="paper-info" lay-filter="paper-info"></table>
</div>
</body>

<%--表内工具栏--%>
<script type="text/html" id="paper-info-tool">
    <a class="layui-btn layui-btn-xs layui-btn-normal" lay-event="query">查看详情</a>
    <a class="layui-btn layui-btn-xs layui-btn-warm" lay-event="export">word模板导出</a>
</script>

<%--课题详情表工具栏--%>
<div id="title-tool" style="display: none;">
    <a class="layui-btn layui-btn-xs" lay-event="taskDetail">课题详情</a>
</div>
<%--课题详情模板--%>
<div class="layui-row" id="task-detail" style="display: none">
    <table class="layui-table" lay-skin="line">
        <thead>
        <tr>
            <td colspan="4"><h2>学生课题详情内容</h2></td>
        </tr>
        </thead>
        <tbody>
        <tr>
            <td class="left">编号:</td>
            <td class="right" id="task-id" colspan="3"></td>
        </tr>
        <tr>
            <td class="left">学号:</td>
            <td class="right" id="task-sno"></td>
            <td class="left">姓名:</td>
            <td class="right" id="task-sname"></td>
        </tr>
        <tr>
            <td class="left">指导老师</td>
            <td class="right" id="task-tname"></td>
            <td class="left">指导老师工号</td>
            <td class="right" id="task-tno"></td>

        </tr>
        <tr>
            <td class="left">所属学院:</td>
            <td class="right" id="task-college"></td>
            <td class="left">所属专业:</td>
            <td class="right" id="task-major"></td>
        </tr>
        <tr>
            <td class="left">标题:</td>
            <td class="right" id="task-title"></td>
            <td class="left">题目来源:</td>
            <td class="right" id="task-from"></td>
        </tr>
        <tr>
            <td class="left">题目类别:</td>
            <td class="right" id="task-category"></td>
            <td class="left">题目性质:</td>
            <td class="right" id="task-nature"></td>
        </tr>
        <tr>
            <td class="left">课题简介:</td>
            <td class="right" colspan="3" id="task-intr"></td>
        </tr>
        </tbody>
    </table>
</div>
<%--查看任务书详情的盒子--%>
<div class="layui-row" id="showAssDetail" style="display: none">
    <div class="layui-col-lg12">
        <div class="layui-fluid">
            <div class="layui-card">
                <div class="layui-card-header" style="font-size: 20px;padding: 10px;">
                    <strong style="color: red;">学生任务书详情</strong>
                </div>
                <div class="layui-card-body" style="padding: 15px;">

                    <!--指导老师-->
                    <div class="layui-form-item" id="assDetailTable">
                        <table class="layui-table">
                            <thead>
                            <tr>
                                <td style="text-align: center" colspan="2">
                                    <h3><span id="table-sName"></span>的任务书详情</h3>
                                </td>
                            </tr>

                            <!-- 学生基本信息 -->
                            <tr>
                                <td colspan="2">
                                    <blockquote class="layui-elem-quote">
                                        <h3>
                                            <strong>
                                                <span class="layui-badge-dot"></span> 基本信息
                                            </strong>
                                        </h3>
                                    </blockquote>
                                </td>
                            </tr>
                            <tr>
                                <td colspan="2">
                                    <div class="layui-col-lg12" style="font-size: 16px;margin-top: 20px;">
                                        <div class="layui-col-lg2">
                                            <strong>学生姓名:</strong>
                                            <span id="sName-ass-detail"></span>
                                        </div>
                                        <div class="layui-col-lg3">
                                            <strong>学号:</strong>
                                            <span id="sNO-ass-detail"></span>
                                        </div>
                                        <div class="layui-col-lg3">
                                            <strong>专业:</strong>
                                            <span id="major-ass-detail"></span>
                                        </div>
                                        <div class="layui-col-lg4">
                                            <strong>课题名称:</strong>
                                            <span id="title-ass-detail"></span>
                                        </div>
                                    </div>
                                </td>
                            </tr>


                            <tr>
                                <td colspan="2">
                                    <blockquote class="layui-elem-quote">
                                        <h3>
                                            <strong>
                                                <span class="layui-badge-dot"></span>
                                                任务书详细信息
                                            </strong>
                                        </h3>
                                    </blockquote>
                                </td>
                            </tr>
                            <tr>
                                <th style="text-align: center;width: 250px">类目</th>
                                <th style="text-align: center;">详情</th>
                            </tr>
                            </thead>
                            <tbody>

                            <!--起止日期-->
                            <tr>
                                <td class="detail-left">任务书起止日期</td>
                                <td><span style="color: red" id="start-end-ass"></span></td>
                            </tr>

                            <!--毕业设计的要求和内容(包括原始数据、技术要求、工作要求)：-->
                            <tr>
                                <td class="detail-left">一、毕业设计的要求和内容(包括原始数据、技术要求、工作要求)：</td>
                                <td><span id="paper-request"></span></td>
                            </tr>


                            <!--二、毕业设计图纸内容及张数：-->
                            <tr>
                                <td class="detail-left">二、毕业设计图纸内容及张数：</td>
                                <td><span id="paper-sum"></span></td>
                            </tr>


                            <!--三、毕业设计实物内容及要求：：-->
                            <tr>
                                <td class="detail-left">三、毕业设计实物内容及要求：</td>
                                <td><span id="paper-entity"></span></td>
                            </tr>

                            <!--主要参考资料-->
                            <tr>
                                <td class="detail-left">主要参考资料</td>
                                <td><span id="datum"></span></td>
                            </tr>
                            <!-- 执行任务书时间-->

                            <tr>
                                <td class="detail-left">执行任务书时间：</td>
                                <td><span id="execute-time"></span></td>
                            </tr>
                            <tr>
                                <td class="detail-left">完成毕业设计时间：</td>
                                <td><span id="paper-end-time"></span></td>
                            </tr>

                            <!--四、毕业设计进度计划 ：-->
                            <tr>
                                <td colspan="2">
                                    <blockquote class="layui-elem-quote">
                                        <h3>
                                            <strong>
                                                <span class="layui-badge-dot"></span>
                                                毕业设计各阶段计划
                                            </strong>
                                        </h3>
                                    </blockquote>
                                </td>
                            </tr>

                            <tr>
                                <td class="detail-left">各阶段工作内容1：</td>
                                <td><span id="stage1">无工作内容</span></td>
                            </tr>
                            <tr>
                                <td class="detail-left">起止日期1：</td>
                                <td><span id="stage1-time">----</span></td>
                            </tr>


                            <tr>
                                <td class="detail-left">各阶段工作内容2：</td>
                                <td><span id="stage2">无工作内容</span></td>
                            </tr>
                            <tr>
                                <td class="detail-left">起止日期2：</td>
                                <td><span id="stage2-time">----</span></td>
                            </tr>

                            <tr>
                                <td class="detail-left">各阶段工作内容3：</td>
                                <td><span id="stage3">无工作内容</span></td>
                            </tr>
                            <tr>
                                <td class="detail-left">起止日期3：</td>
                                <td><span id="stage3-time">----</span></td>
                            </tr>


                            <tr>
                                <td class="detail-left">各阶段工作内容4：</td>
                                <td><span id="stage4">无工作内容</span></td>
                            </tr>
                            <tr>
                                <td class="detail-left">起止日期4：</td>
                                <td><span id="stage4-time">----</span></td>
                            </tr>


                            <tr>
                                <td class="detail-left">各阶段工作内容5：</td>
                                <td><span id="stage5">无工作内容</span></td>
                            </tr>
                            <tr>
                                <td class="detail-left">起止日期5：</td>
                                <td><span id="stage5-time">----</span></td>
                            </tr>
                            </tbody>

                            <tfoot>
                            <tr>
                                <td colspan="2">
                                    <blockquote class="layui-elem-quote">
                                        <h3>
                                            <strong>
                                                <span class="layui-badge-dot"></span> 任务书审核意见：
                                            </strong>
                                        </h3>
                                    </blockquote>
                                </td>
                            </tr>
                            <tr>
                                <td class="detail-left">审核意见:</td>
                                <td><span id="detail-opinion">暂时没有审核意见，请留意是否审核完毕！</span></td>
                            </tr>
                            </tfoot>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<%--获取当前登录的session中的学号--%>
<script>
    let sno;
    $(function () {
        sno = '${sessionScope.userName}';
    });
</script>
<script src="js/taskBook.js">
</script>
</html>